﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>客户列表</title>
    <link href="../../Portal/ccbpm.css" rel="stylesheet" />
    <!-- 引入常用的JS脚本. -->
    <script src="../../WF/Scripts/QueryString.js"></script>
    <script src="../../WF/Scripts/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="../../WF/Scripts/jquery/jquery.cookie.js"></script>
    <link href="../../WF/Scripts/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <!-- 引入配置文件 -->
    <script src="../../CRM_AppConfig.js"></script>
    <!-- 引入列表文件配置文件 -->
    <script src="../../WF/config.js"></script>
    <script src="../../WF/Dev2Interface.js"></script>
    <script src="../DataBase.js"></script>
    <!-- 引入ccbpm 的sdk开发js.  -->
    <script language="javascript" type="text/javascript">

        //启动函数
        $(function () {

            $("#docs").html("<img src=../../WF/Img/loading.gif />&nbsp;正在加载,请稍后......");
            var db = GenerCustomerList();

            var html = "<table class='table table-bordered table-striped table-hover'>";
            html += "<tr>";
            html += "<th>#</th>";
            html += "<th>客户编号</th>";
            html += "<th>名称</th>";
            html += "<th>地址</th>";
            html += "<th>电话</th>";
            html += "<th>联系人</th>";
            html += "<th colspan=2>操作</th>";
            html += "</tr>";

            for (var i = 0; i < db.length; i++) {
                var en = db[i];
                html += "<tr>";
                html += "<td>" + i + "</td>"; //序号
                html += "<td>" + en.BH + "</td>"; //流程类别编号.
                html += "<td>" + en.MC + "</td>"; //类别名称.
                html += "<td>" + en.Addr + "</td>"; //流程编号.
                html += "<td>" + en.Tel + "</td>"; //流程名称.
                html += "<td>" + en.Linker + "</td>"; //流程名称.

                //调用 /WF/ListAPI.js 里面的 OpenForm 方法打开表单.
                html += "<td colspan=2>";
                html += "  <a href=\"javascript:StartFlowKaiPiao('" + en.BH + "','" + en.MC + "');\" >发起开票流程</a>&nbsp;&nbsp;&nbsp;&nbsp;";
                html += "  <a href=\"javascript:StartFlowCuiKuan('" + en.BH + "','" + en.MC + "');\" >发起催款流程</a>";
                html += "</td>";
                html += "</tr>";
            }
            html += "</table>";
            $("#docs").html(html);





        });

        /**
           * 发起开票申请流程
           * 1. 开票申请流程是内置表单.
           * 2. 打开表单后，把客户编号，客户名称带入到开始节点表单里.
           * @param kehubianhao 客户编号,
           * @param KeHuMingCheng 客户名称.
           */
        function StartFlowKaiPiao(kehubianhao, KeHuMingCheng) {

            //组织传入参数,这些参数带入到开始节点表单里.
            var paras = "&KeHuBianHao=" + kehubianhao + "&KeHuMingChen=" + KeHuMingCheng;

            //调用Dev2Interface.js的接口，让其打开表单的url. 把客户编号，客户名称带入到开始节点表单里.
            var url = OpenForm("021", 0, 0, 0, paras);

            //  alert('将要打开的发起流程URL:' + url);
            //window.open(url);
        }

        /**
        * 发起催款流程
        * 1. 开票申请流程是内置表单.
        * 2. 打开表单后，把客户编号，客户名称带入到开始节点表单里.
        * @param kehubianhao 客户编号,
        * @param KeHuMingCheng 客户名称.
        */
        function StartFlowCuiKuan(kehubianhao, KeHuMingCheng) {

            //组织传入参数,这些参数带入到开始节点表单里.
            var paras = "&KeHuBianHao=" + kehubianhao + "&KeHuMingChen=" + KeHuMingCheng;

            //调用ListAPI.js的接口，让其打开表单的url. 把客户编号，客户名称带入到开始节点表单里.
            var url = OpenForm("022", 0, 0, 0, paras);
            // window.open(url);
        }

    </script>
</head>
<body>
    <h3>客户列表 - 参数传入调用发起模式 </h3>
    <div id="docs"></div>
    <fieldset>
        <legend>说明</legend>
        <ul>
            <li>该页面位于:\DemoTools\CRM\CustomerList.htm </li>
            <li>每个客户就是一个实体，当前的列表是一个实体集合，对一个客户进行多次发起不同的流程，把实体的信息传入开始节点表单里。我们把这样的模式称为实体业务流程工作工作模式。</li>
            <li>比如：对固定资产执行维修、报废流程，发起流程的时候，把固定资产编号传入开始节点表单里。</li>
            <li>比如：对车辆执行派车流程，把车辆的ID，车辆名称传入派车单里。</li>
            <li>请参考html里面的发起方法。</li>
        </ul>
    </fieldset>
</body>
</html>